<script setup>
  import { ref, provide } from "vue";
// import Sku from "./Sku/Sku.vue";
// import Echarts from "./Echarts/index.vue";
import Echarts from "./Echarts/indexDtu.vue";
// import Tes from "./Echarts/tes.vue";
// import Dome from "./antDesignModel/index.vue"; // 这个是ant-design 的新增，删除，编辑的模板
// import Dome from "./ElementPlueModel/index.vue";  // 这个是ElementPlue 的新增，删除，编辑的模板
// import mode from "./mode.vue";  // 这个是v-model单项数据流绑定
// import teleportdome from './teleport/teleportdome.vue'  // 这个是  <teleport />这个内置组件的用法
// import Home from './teleport/Home.vue' // 这个是  <teleport />这个内置组件的用法
// import Vmodel from "./Vmodel/index.vue";

// import Vmodel from "./dome/index.vue";
// 这个是爷爷传孙子
// import ProvideGrand from "./provide-inject/ProvideGrand.vue";
const modelValue = ref(false)
const btn = () => {
  modelValue.value = true
}


</script>

<template>
  <div>
   <div style="width: 100%;">
    <Echarts></Echarts>
    <!-- <Tes></Tes> -->
   </div>
    <!--<Sku />
     <Echarts></Echarts>
    <Dome></Dome>
    <mode /> -->
    <!-- <Dome></Dome> -->
    <!-- <Vmodel></Vmodel> -->
    <!-- <ProvideGrand></ProvideGrand> -->
     <!--  这里三个是在测试 to方法的 -->
    <!-- 我是 <el-button @click="btn">按钮</el-button>
    <teleportdome  v-model="modelValue" /> -->
     <!-- <Home /> -->
  </div>
</template>

<style scoped>

</style>
